<template>
  <div>
    <div class="score-int-address">
      <div class="score-int border-bottom">
        <div class="eval-box border-right">
          <div>
            <span class="score-num">5.0</span>
            <span class="score-point">分</span>
            <span class="score-comment">超赞</span>
            <span class="iconfont eval-toward">&#xe605;</span>
          </div>
          <div>
            <span class="comment-num">217004条评论</span>
            <span class="comment-plan">84条攻略</span>
          </div>
        </div>
        <div class="eval-box">
          <div class="intro-word">景点简介</div>
          <p class="intro-time">开放时间、贴士</p>
          <span class="iconfont eval-toward">&#xe605;</span>
        </div>
      </div>
      <div class="address">
        <span class="iconfont eval-location">&#xe699;</span>
        北京市东城区景山前街4号
        <span class="iconfont eval-toward">&#xe605;</span>
      </div>
    </div>
    <div class="announce">
      <span class="iconfont">&#xe673;</span>
      除法定节假日，故宫博物院实行周一闭馆。
      <span class="iconfont eval-toward">&#xe605;</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DetailEvalute'
}
</script>

<style lang="stylus" scoped>
  .border-right
  &:before
    border-color: #666;
  .border-bottom
  &:before
    border-color: #666;
  .eval-toward
    position: absolute;
    right: .08rem;;
    color: #9e9e9e;
  .score-int-address
    padding: .1rem .2rem 0 .2rem;
    margin-bottom: .1rem;
    background: #fff;
    .score-int
      display: flex;
      padding: .1rem 0 .2rem;
      .eval-box
        flex: 1;
        position: relative;
        .eval-toward
          top: .3rem;
        .score-num,.score-point,.score-comment
          color: #ff8300;
        .score-point,.score-comment
          font-size: .28rem;
          line-height: .48rem;
        .score-num
          font-size: .44rem;
          line-height: .44rem;
        .score-comment
          margin-left: .2rem;
        .comment-num,.comment-plan
          font-size: .24rem;
          color: #9e9e9e;
          line-height: .32rem;
        .comment-num
          margin-right: .2rem;
        .intro-word
          padding-left: .3rem;
          line-height: .48rem
        .intro-time
          padding-left: .3rem;
          font-size: .24rem;
          color: #9e9e9e;
          line-height: .32rem;
    .address
      position: relative;
      padding: .2rem 0;
      line-height: .36rem;
      .eval-location
        font-size: .36rem;
  .announce
    background: #fff5e5;
    color: #ff8300;
    line-height: .88rem;
    height: .88rem;
    padding-left: .23rem;
    margin-bottom: .2rem;
    position: relative;
    .eval-toward
      right: .28rem;
</style>
